<template>
  <view class="body">
    <!-- <uni-nav-bar
      left-icon="back"
      title="朋友圈包装"
      fixed="true"
      status-bar="true"
      @clickLeft="goback"
    ></uni-nav-bar> -->
    <view class="img" v-for="(item, index) in list" :key="index">
      <image :src="item.src" />
    </view>
  </view>
</template>
<script>
import data from "./index.json";
import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue";
export default {
  components: { uniNavBar },
  onLoad: function () {
    this.list = data;
  },
  data() {
    return {
      list: [],
    };
  },
  methods: {
    goback() {
      uni.switchTab({
        url: `../index`,
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  .img {
    width: 45%;
    height: 600rpx;
    margin: 20upx 0;
    background-color: #e5e5e5;
    image {
      width: 100%;
      height: 100%;
    }
  }
}
</style>